@import url(../../fonts.css);
@import url(../../themify-icons.css);
@import url(../../Linearicons-Free.css);
@import url(../../slider.css);
@import url(../../navigation.css);
@import url(../../responsive.css);
@font-face {
    font-family: "Aquatico";
    src: url("../../../font/Aquatico-Regular.otf");
}

.firstSection{
    margin-top:10%;
}

.badgebox {
    opacity: 0;
    display: none;
}

.activeMenu {
    font-weight: bold;
    color: #00bbc5;
}

.btn-success {
    background-color: #00bbc5 !important;
}
.btn-danger, .btn-danger:not([disabled]):not(.disabled).active, .btn-danger:not([disabled]):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
    background-color: #fff !important;
    border-color: #fff !important;
    box-shadow:none !important;
    color:#000 !important;
}

.toggle-handle{
    display:none;
    box-shadow:none;
}

.carousel-control-next {
    right: 1px !important;
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #00bbc5;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    margin-left: auto;
    margin-right: auto;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.carousel .carousel-offres li, .carousel .carousel-offres li img{
    max-width: 120px !important;
    margin-left:85px;
}

.carousel .carousel-indicators li {
    width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
}

.cardHP {
    background: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15), 0 0 5px 0 rgba(0, 0, 0, 0.12);
}

.cardHP img {
    opacity:1;
}

.tab-outils {
    max-width: 78%;
    margin: auto;
    text-align: center;
    display: inline-block;
}

.outils {
    float: left;
    text-align: center;
    padding: 5px;
    width: 95px;
}

    .outils .div-img {
        float: left;
        text-align: center;
        padding: 5px;
        border: 2px solid #00bbc5;
        margin-left: 10px;
    }

    .outils img {
        height:50px;
        width:50px;
    }

    .outils .label {
        clear: both;
        padding-top: 5px;
        font-size: 11px;
    }

.outils-content{
    display:none;
    
}

.obflink{
    cursor:pointer;
}

#CochonImg {
    float: left;
    width: 30%;
    margin-bottom: 35px;
}

#CochonLabel {
    width: 70%;
    float: left;
    padding-left: 20px;
    font-size: 18px;
    text-align: left;
    padding-top: 40px;
}

#CochonPourcent {
    color: #00bbc5;
    font-weight: bold;
    font-size: 35px;
}

#CochonPourcentDate {
    color: #00bbc5;
    margin-top: 15px;
}

#CochonInfosCollecte p{
    font-size: 14px;
    text-align: left;
    margin-bottom: 0px;
    margin-top: 0px;
}





.bs-callout {
    padding: 20px;
    margin: 5px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .bs-callout p:last-child {
        margin-bottom: 0;
    }

    .bs-callout code {
        border-radius: 3px;
    }

    .bs-callout + .bs-callout {
        margin-top: -5px;
    }

.bs-callout-default {
    border-left-color: #777;
}

    .bs-callout-default h4 {
        color: #777;
    }

.bs-callout-primary {
    border-left-color: #428bca;
}

    .bs-callout-primary h4 {
        color: #428bca;
    }

.bs-callout-success {
    border-left-color: #5cb85c;
}

    .bs-callout-success h4 {
        color: #5cb85c;
    }

.bs-callout-danger {
    border-left-color: #d9534f;
}

    .bs-callout-danger h4 {
        color: #d9534f;
    }

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

    .bs-callout-warning h4 {
        color: #f0ad4e;
    }

.bs-callout-info {
    border-left-color: #00BBC5;
}

    .bs-callout-info h4 {
        color: #00BBC5;
    }



.BooleanBouton{
    margin-left:10px;
    text-align:center;
}

.BooleanBouton label {
    cursor:pointer;   
}

.vign_proj_basExt {
    color: #00bbc5;
    font-weight: bold;
}

.vign_proj_basCentre {
    font-weight: bold;
}

#socialButtons{
    text-align:left;
    display:flex;
    margin-bottom:20px;
}

#socialButtonsMarques {
    text-align: left;
    display: flex;
    margin-bottom: 75px;
    margin-top: -110px;
}


#twitter-widget-0{
    margin-left:15px;
    width:92.5px !important;
}

.IN-widget button {
    height: 28px !important;
    padding: 3.5px 12.5px !important;
    font-size:14px !important;
}

.sliderMarque {
    background-image: url('../../../images/part/bg_list_partner.JPG');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: -155px;
    height: 450px;
}

.zoneTexteSliderHome {
    height: 100%;
    float: left;
    background-color: white;
    opacity: 0.90;
    width: 42.5%;
    padding-top: 50px;
}

.zoneTexteSliderHome ul{
    padding:0px !important;
    margin-left:75px;
}

.zoneTexteSliderHome ul img{
    margin-bottom:-10px !important;
    margin-top:-10px !important;
    width:90%;
}

.zoneTexteSliderHome .zoneTitreSlider h1 {
    /*font-size: 45px;*/
    /*EXCEPTION NOEL*/
    font-size: 42px;
    margin-top:10px;
}

.zoneTexteSliderHome .zoneSousTitreSlider span {
    font-size: 25px;
    margin-top: -20px !important;
    font-weight:bold;
}

.zoneTexteSliderProjet {
    width: 40%;
    height: 100%;
    float: right;
    background-color: white;
    opacity: 0.75;
    /*border-top-left-radius: 75px 250px;
    border-bottom-left-radius: 75px 250px;*/
}

.zoneTexteSliderMarque {
    width: 30%;
    height: 100%;
    float: right;
    background-color: white;
    opacity: 0.75;
}

.zoneTexteSliderProjet ul {
    color: black;
    width: 37.5%;
    position: absolute;
    list-style-type: none;
}

.zoneTexteSliderMarque ul {
    color: black;
    width: 30%;
    padding-left: 10px !important;
    padding-right: 10px !important;
    position: absolute;
    list-style-type: none;
    margin-top: 25px;
}

.zoneTexteSliderProjet img{
    max-height: 120px;
    margin-top: 40px;
    z-index: 100;
    margin-bottom: 5px;
}

.zoneTexteSliderProjet span{
    font-weight:bold;
    font-size:28px;
}

.zoneTexteSliderMarque .titreExtension {
    font-weight: 400;
    font-size:35px;
}

.zoneTexteSliderMarque .sousTitreExtension {
    font-weight: 400;
    font-size:20px;
    margin-top:10px;
}

.zoneTexteSliderMarque img {
    float: left;
    width: 18%;
    margin-top: 20px;
    margin-left: 22%;
}


.zoneTexteSliderMarque .titreBrowser {
    font-size: 18px;
}

.zoneTexteSliderMarque .titreBrowser.ff {
    margin-left: 3%;
}

   
.zoneTexteSliderMarque a{
    margin-top:25px;
}

.titreMarque {
    text-align: center;
    margin-top: 180px;
}

.titreMarque .titre {
    font-size: 40px;
    font-weight: 400;
    line-height:65px;
}

.titreMarque .sousTitre {
    font-size: 45px;
}

.btnCommentCaMarche {
    text-align: center;
    margin-top: 10px;
}

.zoneTexteMarquePre {
    width: 70%;
    float: left;
}

.zoneTexteSliderProjet h2 {
    font-size: 30px;
    margin-top: -50px !important;
    min-height: 80px;
    margin-bottom: 40px !important;
}

.btnSliderProjet{
    margin-top:-15px;
    font-size:18px;
}

.btnSliderExtension {
    font-size: 15px;
}

.btnSliderProjet:hover {
    background-color: white !important;
    color: black !important;
}

.sliderComment {
    background-position-y: -300px;
}

.zoneTexteSliderComment {
    float: left;
    margin-top: 60px;
    text-align: left;
    margin-left: 11%;
}

.titreComment {
    font-size: 53px;
    font-family: Aquatico;
}

.sousTitreComment {
    font-size: 45px;
}

.sousTitre2Comment {
    font-size: 45px;
    margin-top: 85px;
    font-weight: bold;
}

.dropdown-item{
    font-weight:400 !important;
}

.dropdown-item:hover{
    background-color: #ccc !important;
}

#menuDropdown{
    padding:0px !important;
}

#menuDropdown a {
    color: #000 !important;
}
.cagnotteMonCompte {
    max-width: 45% !important;
}

#tipsSlider {
    margin-top: 125px !important;
}

.mobile {
    display: none;
}

/*ENCART 2 FACONS DE SOUTENIR HOME*/
ol {
    list-style-type:none;
    counter-reset: cptLi;
}
ol li {
    counter-increment: cptLi;
}
/*ol li::before {
    content: counter(cptLi) ". ";
    color: red;
    font-weight: bold;
}*/
.listEtapes li:nth-child(even):before {
    content: counter(cptLi);
    right: 100%;
    margin-right: -50px;
    position: absolute;
    border-radius: 50%;
    padding-top: 1.5px;
    padding-left: 1.5px;
    height: 30px;
    width: 30px;
    background-color: black;
    text-align: center;
    color: white;
    font-size: 110%;
}

.listEtapes li:nth-child(odd):before {
    content: counter(cptLi);
    right: 100%;
    margin-right: -50px;
    position: absolute;
    border-radius: 50%;
    padding-top: 1.5px;
    padding-left: 1.5px;
    height: 30px;
    width: 30px;
    background-color: black;
    text-align: center;
    color: white;
    font-size: 110%;
}

#ISIRContent {
    text-align: justify;
    font-size: 16px;
}

/*PROXIDON.blocMonJardin, .blocMonJardinOffre {
    background-image: url('../../../images/offres/monjardinbio/visuel-page-entreprise-solidaire.png') !important;
}*/
.blocMonJardin, .blocMonJardinOffre {
    background-image: url('https://www.labellecollecte.fr/images/offres/monjardinbio/icare/visuel-page-entreprise-solidaire.png') !important;
}

.blocDonAnonyme {
    margin-right: -15%;
}

@media only screen and (max-width: 600px) {
    /*EXCEPTION COVID19*/
    .zoneTitreSlider h1 {
        font-size: 20px !important;
    }

    .zoneSousTitreSlider span {
        font-size: 18px !important;
    }
    /*FIN EXCEPTION COVID19*/

    /*MonJardinBio - Partenaire mécène PROXIDON*/
    /*.sliderMecene {
        background-image: url('../../../images/slider/HOMETESTMOBILE.png') !important;
    }*/
    .sliderMecene {
        background-image: url('https://www.labellecollecte.fr/images/offres/monjardinbio/icare/SlideLBC_mjb_icare_mobile.png') !important;
    }
    
    .zoneTexteSliderProjet.mecene {
        width: 40% !important;
        margin-right: 15px;
    }
    .btnSliderProjet.mecene {
        margin-top: -40px !important;
    }
    /*PROXIDON.blocMonJardin {
        background-image: url('../../../images/slider/HOMETESTMOBILE.png') !important;
    }
    .blocMonJardinOffre {
        background-image: url('../../../images/slider/OFFREMOBILETEST1.png') !important;
    }*/
    .blocMonJardin {
        background-image: url('https://www.labellecollecte.fr/images/offres/monjardinbio/icare/SlideLBC_mjb_icare_mobile.png') !important;
    }

    .blocMonJardinOffre {
        background-image: url('https://www.labellecollecte.fr/images/offres/monjardinbio/icare/SlideLBC_mjb_icare_mobile.png') !important;
    }
    .headerOffre{
        margin-top:-45px !important;
    }
    .conteneurOffre {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-top: -75px !important;
    }
    .blocDescriptionOffreMecene{
        width:90% !important;
    }
    .blocDescriptionOffreMecene h3 {
        font-weight:bold !important;
        font-size:18px;
    }
    .conteneurHautMarqueMecene{
        margin-top:-65px !important;
    }
    .titreBoutiqueMarqueMecene{
        font-size:22px !important;
    }
    .titreMarqueMecene {
        width: 100% !important;
        margin-top: 7.5px !important;
    }
    .titreMarqueMecene h3{
        width:100%;
        font-size:20px !important;
        text-align:center !important;
        font-weight:bold !important;
    }
    /*Fin MonJardinBio - Partenaire mécène*/

    #SearchResult{
        margin:auto !important;
    }

    .blocOffre {
        min-width: 50% !important;
        max-width: 50% !important;
        height: 210px;
        margin: inherit !important;
        float: left;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .blocOffreImg {
        height:150px !important;
    }

    .blocOffreImg img{
        max-height: 90px !important;
        max-width: 100px !important;
    }

    .blocOffreTexte {
        left: 15px !important;
        width: 82% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .soustitreVignetteProjet {
        max-width: 100% !important;
    }
    .encartDon {
        max-width: 85%;
    }
    .zoneContrepartProj{
        width:100% !important;
    }
    #Pourboire-div {
        width: 100% !important;
    }
    #Pourboire-modal-pourquoi{
        top:3% !important;
    }
    .encartDonCagnotte, .encartDonCB {
        max-width: 45% !important;
        margin: 5px !important;
        padding: 0 !important;
    }
    .encartDonCB h3, .encartDonCBUniq h3 {
        margin-bottom: 30px;
    }
    .encartDonCBUniq {
        flex: 0 0 75%;
        padding: 0 !important;
    }
    .encartDonCagnotte i, .encartDonCB i{
        margin-right:-15px !important;
    }
    #MontantDonCBInput, #MontantDonCagnoteInput {
        width: 90%;
    }
    .zoneMontantDon{
        width:100% !important;
    }
    .fiscaliteDon{
        max-width:90% !important;
    }
    #zoneDonCagnotteNonConnecte {
        width: 100%;
        top: 40%;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    #zoneDonCagnotteNonConnecte p{
        font-size:14px;
    }
    #btnToolsDon {
        max-width: 100%;
        font-size:9px;
        padding:5px;
    }
    .logoConfirmDon {
        width: 100%;
        margin: auto;
    }
    #visuelEcranSecu {
        display: none;
    }
    .contentEncartSecu{
        max-width:100% !important;
        width:100% !important;
        margin:0 !important;
    }
    .contentEncartSecu .modal-content{
        padding:10px !important;
    }
    .blocSecu{
        width:95% !important;
        margin-top:20px !important;
    }
    .visuelsCB {
        width:70% !important;
    }
    #ISIRTitle{
        margin-top:20px !important;
    }
    video {
        max-width: 100% !important;
    }
    .sectionSliderProjet{
        margin-top:-65px;
    }
    .sliderHome, .sliderProjets {
        margin-top: -65px;
    }
    .dropdown-menu li:hover .dropdown-menu {
        position: static !important;
    }
    #menuDropdown {
        position: relative !important;
        border:none !important;
        top:0;
    }
    #menuDropdown a{
        padding-top:5px;
        padding-bottom:5px;
        font-size:20px;
    }
    .logoFooter {
        max-width: 60%;
        margin: auto;
    }
    .sloganFooter{
        margin: auto !important;
    }

    .socialFooter{
        width:85% !important;
        margin:auto !important;
    }
    .socialFooter .suivezNous{
        margin-top: 10px;
        text-align:center;
    }
    .suivezNousImg {
        width: 75% !important;
        margin: auto;
        margin-top: 10px;
    }
    .contactBtn{
        width:60%;
        margin:auto;
    }
    .listeFooter{
        width:60%;
        margin:auto;
    }
    .zoneRefHome {
        max-width: 100%;
        width: 100%;
        flex: inherit;
        text-align: center !important;
    }
    .imgACPR {
        margin-bottom: 5px;
        float: inherit !important;
        margin-top: 5px !important;
    }
    .textACPR {
        font-size: 14px !important;
        width: auto !important;
    }
    #MonCompte {
        font-size: 20px !important;
        width: 100%;
        overflow: inherit !important;
        margin: auto;
    }
    .pageMonCompte{
        margin-top:-40px !important;
    }
    .cagnotteMonCompte {
        max-width: 100% !important;
    }
    .jumboCB {
        height: 750px !important;
    }


    .hideMobile {
        display: none;
    }

    .macaron {
        margin-left: 25%;
    }

    .titrePageMarque {
        padding-top: 24% !important;
    }

    .zoneGMarque {
        display: none !important;
    }

    .zoneDMarque {
        width: 100% !important;
        float: initial !important;
    }

    .titreConditions{
        width:80% !important;
    }

    .titreConditions h3{
        font-size: 20px !important;
    }

    /* SLIDER HOME */
    .zoneTexteSliderHome {
        width: 55%;
    }

    .zoneTexteSliderHome ul {
        margin-left: 0px;
        padding-top: 40px !important;
        list-style-type: none;
    }

    .zoneTitreSlider{
        margin:auto;
        width:95%;
    }

    .zoneTexteSliderHome ul img {
        width: 150px;
        margin-bottom: 10px !important;
    }

    .zoneTexteSliderHome .zoneTitreSlider h1 {
        font-size: 18px;
    }

    .zoneTexteSliderHome .zoneSousTitreSlider span {
        font-size: 14px;
    }

    /* BLOC DON NON CONNECTE */
    .blocConnexionDon {
        width: 90% !important;
        padding-top: 15px !important;
        padding-bottom: 20px !important;
        margin: auto !important;
        margin-right: inherit;
        margin-top: 20px !important;
    }

    .blocConnexionDon .modal-header{
        padding: 5px !important;
    }
    
    .blocConnexionDon .modal-body {
        height: inherit;
    }

    .blocConnexionDon .heading, .blocDonAnonyme .heading {
        font-size: 20px !important;
    }

    .blocDonAnonyme {
        width: 90% !important;
        margin: auto !important;
        margin-top: 20px !important;
    }
    
    .blocDonAnonyme .modal-body {
        height:inherit;
    }

    /* FIN DON NON CONNECTE */

    /*ENCART 2 FACONS DE SOUTENIR HOME*/
    .blocCBEncartHome {
        width: 90% !important;
        padding-top: 15px !important;
        padding-bottom: 20px !important;
        margin: auto !important;
    }

    .blocCBEncartProj {
        width: 100% !important;
        padding-top: 15px !important;
        padding-bottom: 20px !important;
        margin:0 !important;
    }

    .blocCBEncartHome .modal-header, .blocCBEncartProj  .modal-header{
        padding: 5px !important;
    }

    .blocCBEncartHome .modal-body {
        padding: 5px !important;
        height:180px !important;
    }

    .blocCBEncartProj .modal-body {
        height: 240px !important;
    }

    .blocCBEncartHome .heading, .blocAchatSoliEncartHome .heading, .blocCBEncartProj  .heading, .blocAchatSoliEncartProj  .heading{
        font-size: 20px !important;
    }

    .blocCBEncartHome img, .blocCBEncartProj img{
        height:120px !important;
    }

    .blocAchatSoliEncartHome {
        width: 90% !important;
        margin-top: 20px !important;
        margin: auto !important;
    }

    .blocAchatSoliEncartProj {
        width: 100% !important;
        margin-top: 20px !important;
        margin: auto !important;
    }

    .blocAchatSoliEncartHome img, .blocAchatSoliEncartProj img{
        margin-left:10px !important;
        margin-top:75px !important;
        height:125px;
    }

    .blocAchatSoliEncartHome .modal-body {
        height:325px !important;
    }

    .blocAchatSoliEncartProj .modal-body {
        height:400px !important;
    }

    .blocAchatSoliEncartHome .listEtapes, .blocAchatSoliEncartProj .listEtapes {
        font-size: 17px !important;
        margin-top: 20px !important;
    }

    .listEtapes li:nth-child(even):before, .listEtapes li:nth-child(odd):before {
        margin-top:10px;
    }

    /*EXCEPTION SLIDER NOEL*/
    /*.zoneTitreSlider {
        margin-top: -100px;
    }
    .zoneTitreSlider span {
        font-size: 22px !important;
    }
    .zoneSousTitreSlider span {
        font-size: 17px !important;
    }*/
    /*FIN EXCEPTION SLIDER NOEL*/

    .sliderNoel {
        background-image: url('https://www.labellecollecte.fr/images/slider/slidernoel2020_mob.png') !important;
    }

    .zoneTexteSliderProjet {
        width: 45%;
        border-top-left-radius: unset;
        border-bottom-left-radius: unset;
    }

        .zoneTexteSliderProjet img {
            max-height: 60px;
            margin-top: 30px;
            z-index: 100;
        }

        .zoneTexteSliderProjet ul {
            width: 45%;
            list-style-type: none;
            padding-left: 7.5px !important;
            padding-right: 7.5px !important;
            margin: auto;
        }

        .zoneTexteSliderProjet span {
            font-size: 18px;
        }

        .zoneTexteSliderProjet h2 {
            font-size: 15px;
        }
        .txtSliderProjAlarm {
            font-size: 11px !important;
        }
    .btnSliderProjet {
        font-size: 12px;
    }

    .zoneNomBenef {
        height: 120px;
        line-height: 22px;
    }

    .sliderMarque {
        background-position-y: initial;
        height: 275px;
    }
    
    .zoneTexteSliderMarque {
        display: none;
    }

    .zoneTexteMarquePre {
        width: 100%;
        float: none;
    }

    .titreMarque{
        margin-top:-65px;
        padding-top:50px;
    }

    .titreMarque .titre {
        font-size: 23px;
        line-height:35px;
    }
    .titreMarque .sousTitre {
        font-size: 30px;
    }

    .btnCommentCaMarche a {
        margin-top: -20px;
        font-size: 13px;
    }

    .col-md-5 .featurette-image, .col-md-5 img{
        width: 100% !important;
    }

    .col-18 {
        position: relative !important;
        width: 100% !important;
        right:0px !important;
    }

    .container .jumbotron{
        width:100% !important;
    }

    .sliderComment {
        background-position-y: 0px;
    }

    .zoneTexteSliderComment {
        float: left;
        margin-top: 110px;
        text-align: left;
        margin-left: 1%;
    }

    .titreComment {
        font-size: 38px;
    }

    .sousTitreComment {
        font-size: 26px;
    }

    .sousTitre2Comment {
        font-size: 28px;
        margin-top: 85px;
        font-weight: bold;
    }

    .titleBoxResp{
        font-size:18px !important;
    }

    .paragBoxResp {
        margin-left: 10px !important;
        margin-right: 10px !important;
        font-size: 15px !important;
    }

    .contentBoxResp {
        font-size: 12px !important;
    }

    .imgBrowserResp {
        max-width: 50px !important;
        max-height: 50px !important;
        margin-bottom: 0px !important;
    }

    .btnResp{
        font-size:12px !important;
        margin-top:5px !important;
    }


    #socialButtonsMarques {
        margin-top: -150px !important;
        margin-bottom: 105px !important;
    }

    .montantDonCagnotte{
        margin-right:30px !important;
    }

    .contenuTexteCB h3{
        min-height:95px;
    }

    .encartMeceneProjFond{
        display:none;
    }

    .encartMeceneProj {
        position: initial !important;
        float: initial !important;
        margin-top: 0px !important;
        padding-left: 10px !important;
        background-color: rgba(211,211,211,0.75);
        width: 100% !important;
        height: 140px !important;
    }

    .encartMeceneProjText {
        font-size: 20px !important;
        margin-top: 12.5% !important;
        line-height: 12.5px !important;
        max-width: 67.5% !important;
        margin-right: 5px !important;
    }

    .encartMeceneProj img {
        max-height: 50px !important;
        margin-top: 10px !important;
        margin-right: 10px !important;
    }
    
    .descMecene{
        width:100% !important;
    }

    .imgProxy{
        margin-left:0px !important;
        height:initial !important;
    }

    .vign_proj_basExt {
        width:33%;
    }

    .vign_proj_basCentre {
        width: 33%;
    }

    .imgMecenat {
        max-width: 60px !important;
        margin-top: -45px !important;
        right: -15px !important;
    }

    .mobile {
        display: block !important;
    }

    .boxMarques {
        max-width: 165px !important;
        min-width: 165px !important;
        margin: inherit !important;
        float:left !important;
    }

    .blocMarquesHome .boxMarques{
        margin-left:32px !important;
    }

    .bigboxAdmin {
        max-width: 100% !important;
        flex: 0 0 100%;
    }

    .titreCampagneAdmin{
        font-size:20px;
    }

    .projetZone1 {
        padding-top: 0px !important;
    }

    .projetZoneGrise h1{
        font-size:25px;
    }

    .projetTitreSSImg {
        margin-top: 20px;
    }

    .projetTitre, .projetTitreSSImg {
        font-size: 25px;
        text-align: center;
    }

    .projetElmtDecale{
        margin:0px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .encartMeceneProj {
        width: 62.5% !important;
        line-height: 18px !important;
        padding-top: 25px !important;
    }

    .encartMeceneProjText {
        font-size: 22px !important;
        margin-right: 10px !important;
        margin-top: 5px !important;
    }

    .encartMeceneProj img {
        margin-right: 10px !important;
        margin-top: 15px !important;
    }

    .sloganFooter {
        margin-left:30px !important;
    }

    .contenuAdmin {
        max-width: 100% !important;
        flex: 0 0 100%;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .hideMobile {
        display: none;
    }

    .mobile {
        display: block;
    }

    .encartMeceneProj img {
        max-height: 55px !important;
        margin-top: 10px !important;
    }

    .macaron {
        margin-left: 25%;
    }

    .titrePageMarque{
        padding-top:10% !important;
    }

    .titreConditions {
        width: 55% !important;
    }

    .titreConditions h3 {
        font-size: 25px !important;
    }

    /* SLIDER HOME */
    .zoneTexteSliderHome {
        width: 43%;
    }

    .zoneTexteSliderHome ul {
        margin-left: 20px;
        padding-top:65px !important;
        list-style-type:none;
    }
    .zoneTexteSliderHome ul img {
        width: 250px;
        margin-bottom:150px !important;
    }

    .zoneTexteSliderHome .zoneTitreSlider h1 {
        font-size: 28px;
    }

    .zoneTexteSliderHome .zoneSousTitreSlider span {
        font-size: 20px;
    }

    .zoneTexteSliderProjet {
        width: 45%;
        border-top-left-radius: unset;
        border-bottom-left-radius: unset;
    }

        .zoneTexteSliderProjet img {
            max-height: 100px;
            margin-top: 90px;
            z-index: 100;
        }

        .zoneTexteSliderProjet ul {
            width: 45%;
            list-style-type: none;
            padding-left: 7.5px !important;
            padding-right: 7.5px !important;
            margin: auto;
        }

        .zoneTexteSliderProjet span {
            font-size: 25px;
        }

        .zoneTexteSliderProjet h2 {
            font-size: 23px;
        }

    .btnSliderProjet {
        font-size: 10px;
        margin-top: 15px !important;
    }

    .zoneNomBenef {
        height: 200px;
        line-height: 25px;
    }

    .zoneTexteSliderMarque{
        width:35%;
    }

    .zoneTexteMarquePre, .zoneTexteMarquePre ul {
        width: 65%;
    }

    .zoneTexteSliderMarque .titreExtension {
        font-size: 20px;
    }

    .zoneTexteSliderMarque .sousTitreExtension {
        font-size: 12px;
        margin-top: 5px;
        margin-bottom: 0px;
    }

    .zoneTexteSliderMarque img {
        width:35px;
        margin-left:20%;
    }
    
    .zoneTexteSliderMarque .titreBrowser{
        font-size:15px;
    }

    .zoneTexteSliderMarque .titreBrowser.ff {
        margin-left:-30px;
    }

    .zoneTexteSliderMarque .imgFF{
        margin-left:75px;
    }
    .zoneTexteSliderMarque img {
        margin-top :10px;
    }
    
    .zoneTexteSliderMarque a{
        margin-top:5px;
    }
    .zoneTexteSliderMarque ul {
        margin-top:55px;
        width:35%;
    }

    .titreMarque {
        text-align: center;
        margin-top: 120px;
    }

    .titreMarque .titre {
        font-size: 30px;
        font-weight: 400;
        line-height:40px;
        margin-bottom:0px !important;
    }

    .titreMarque .sousTitre {
        font-size: 28px !important;
        font-weight: lighter !important;
        margin-top:-20px;
    }

    .btnCommentCaMarche {
        margin-top: 10px;
    }

    .btnCommentCaMarche a{
        font-size: 15px;
        margin-top:-20px;
    }

    .col-md-5 .featurette-image, .col-md-5 img {
        width: 100% !important;
    }

    .col-18 {
        position: relative !important;
        width: 100% !important;
        right: 0px !important;
    }

    .container .jumbotron {
        width: 100% !important;
    }

    .sliderComment {
        background-position-y: -75px;
    }

    .zoneTexteSliderComment {
        float: left;
        margin-top: 110px;
        text-align: left;
        margin-left: 1%;
    }

    .titreComment {
        font-size: 45px;
    }

    .sousTitreComment {
        font-size: 35px;
    }

    .sousTitre2Comment {
        font-size: 35px;
        margin-top: 85px;
    }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .encartMeceneProjText {
        margin-top: 15px !important;
    }

    .mobile {
        display: block;
    }

    .contenuAdmin {
        max-width: 100% !important;
        flex: 0 0 100%;
    }
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    font-family: 'DinNextLT', sans-serif;
    color: #495057 !important;
}

.picker__weekday-display {
    display: none;
}

.form-check-label {
    color: black !important;
}